<template>
    <div>
        <a href="javascript:;" class="hidden-sm hidden-xs link-img">
            <img src="../../assets/images/product/stop_banner.png" alt="">
        </a>
        <a href="javascript:;" class="hidden-lg hidden-md link-img-small">
            <img src="../../assets/images/product/stop_banner.png" alt="">
        </a>
    </div>
</template>

<script>
    export default {
        name: "stop",
        data() {
            return {}
        },
        methods: {}
    }
</script>

<style lang="less">
    .link-img {
        /*height: 750px;*/
        display: block;
        position: relative;

        img {
            width: 100%;
            display: block;
        }

        .bolang {
            position: relative;
            bottom: 80px;
            left: 0;
        }
    }

    .link-img-small {
        display: block;
        width: 100%;
        overflow: hidden;

        img {
            width: 100%;
            height: 100%;
            display: block;
        }
    }

</style>